﻿@model OnlineMealOrdering.Models.LoginModel

@{
    ViewBag.Title = "登录";
}
<link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" />
<script src="~/Scripts/jquery-ui-1.8.20.js"></script>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/jqueryval")
<script src="~/Scripts/webCommon.js"></script>
<script type="text/javascript">
    function yzm() {
        $("#myyzm").val('');
        changeimg();
    }
    function account() {

        $("#myyzm").val('');
        $("#mypw").val('');
        changeimg();
    }
</script>
<div class="login-main">
    <h3>U虎外卖网登陆</h3>
    <div class="login-left">
        @using (Ajax.BeginForm("Login", new AjaxOptions() { HttpMethod = "Post" }))
        {            
            <table class="lotab">
                <tbody>
                    <tr>
                        <th>
                            @Html.LabelFor(a => a.UserCode)
                        </th>
                        <td>
                            <div class="inputtext">
                                @Html.TextBoxFor(a => a.UserCode, new { @class = "myinput", autocomplete = "off", id = "myem" })
                                @Html.ValidationMessageFor(a => a.UserCode)
                            </div>
                            <span class="tips "></span>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            @Html.LabelFor(a => a.Password)
                        </th>
                        <td>
                            @Html.PasswordFor(a => a.Password, new { @class = "myinput", autocomplete = "off", id = "mypw" })
                            @Html.ValidationMessageFor(a => a.Password)

                        </td>
                    </tr>
                    <tr>
                        <th>
                            <label for="myyzm">验证码：</label></th>
                        <td>
                            <div class="inputtext">
                                @Html.TextBoxFor(a => a.ValidateCode, new { style = "ime-mode: disabled;", maxlength = "4", @class = "myinput yzm", id = "myyzm" })
                                @Html.ValidationMessageFor(a => a.ValidateCode)
                            </div>
                            <img width="74" height="32" src="/Account/GetValidateCode" id="chkimg" onclick="changeimg()" class="yzmimg">
                            <a id="changeChkimg" href="javascript:changeimg();">看不清楚？换一张</a>

                        </td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>
                            <div class="login-ck">
                                @Html.CheckBoxFor(a => a.AutoLogin, new { @class = "chk01", id = "chk01" })
                                <label for="chk01" class="chkt01">记住密码</label>

                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>
                            <input type="submit" value="登录" id="btnLogin" class="mybut but01">
                        </td>
                    </tr>
                </tbody>
            </table>
        }
        <div class="more-login">
            <p>您也可以用合作网站账号登录拉手</p>
            <div class="ml-cen">
                @Html.Action("PartialOAuth2LoginPane","OAuth2")
                
                
                @*<a href="http://www.lashou.com/account/connect/qq/"><span class="qq"></span>QQ&nbsp;登录</a>
                <a href="http://www.lashou.com/account/connect/alipay/"><span class="zhifubao"></span>支付宝登录</a>
                <a href="http://www.lashou.com/account/connect/sina/"><span class="sina"></span>新浪微博登录</a>
                <a href="http://www.lashou.com/account/connect/tuann360/"><span class="lo360"></span>360&nbsp;登录</a>*@
            </div>
        </div>
    </div>
    <div class="login-right">
        <p>还没有拉手账号？</p>
        <a class="abut01" href="/Account/Register/"><span>免费注册</span></a>
    </div>
    <div class="clr"></div>
</div>
